<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.jqdock.js"></script>
<script>
jQuery(document).ready(function(){
  jQuery('#menu').jqdock();
});
</script>
<style>
body{background-color:white;}
.jqDockLabelText{
font-color:red;
font-style:italic;}
div.jqDockLabel{
font-size:10px; font-weight:bold; 
color:red;
font-style:italic;}
</style>
</head>
<body>

<div id="menu" data-jqdock='{"align":"left","size":30,"sizeMax":50,"labels":"br"}'>
<img alt="item1" title="item_1" src="https://lh4.googleusercontent.com/-Pl7zJu-FJ0Q/UJkDHNdaVSI/AAAAAAAACmM/8myd5dwN7gQ/s128/home.png" />
<img alt="item2" title="item_2" src="https://lh4.googleusercontent.com/-Pl7zJu-FJ0Q/UJkDHNdaVSI/AAAAAAAACmM/8myd5dwN7gQ/s800/home.png" />
<img alt="item3" title="item_3" src="https://lh4.googleusercontent.com/-Pl7zJu-FJ0Q/UJkDHNdaVSI/AAAAAAAACmM/8myd5dwN7gQ/s800/home.png" />

</div>

</body>
</html>